<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Violet Theme - Contact Form</title>
<meta name="keywords" content="violet, contact form, free templates, website templates, CSS, HTML" />
<meta name="description" content="Violet Theme - free CSS template provided by templatemo.com" />
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css" />

<link rel="stylesheet" type="text/css" href="css/ddsmoothmenu.css" />

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/ddsmoothmenu.js">

/***********************************************
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>

<script type="text/javascript">

ddsmoothmenu.init({
	mainmenuid: "templatemo_menu", //menu DIV id
	orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
	classname: 'ddsmoothmenu', //class added to menu's outer DIV
	//customtheme: ["#1c5a80", "#18374a"],
	contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})

</script>

</head>
<body id="subpage">

<div id="templatemo_outer_wrapper_sp">
    <div id="templatemo_wrapper_sp">
    
        <div id="templatemo_header">
            <div id="site_title"><h1><a href="http://www.templatemo.com">Free CSS Templates</a></h1></div>
            <div id="templatemo_menu" class="ddsmoothmenu">
                <ul>
                    <li><a href="index.html"><span></span>Home</a></li>
                    <li><a href="about.html"><span></span>About Us</a>
                        <ul>
                            <li><a href="submenupage.html">Sub menu 1</a></li>
                            <li><a href="submenupage.html">Sub menu 2</a></li>
                            <li><a href="submenupage.html">Sub menu 3</a></li>
                        </ul>
                    </li>
                    <li><a href="portfolio.html"><span></span>Portfolio</a>
                        <ul>
                            <li><a href="submenupage.html">Sub menu 1</a></li>
                            <li><a href="submenupage.html">Sub menu 2</a></li>
                            <li><a href="submenupage.html">Sub menu 3</a></li>
                            <li><a href="submenupage.html">Sub menu 4</a></li>
                            <li><a href="submenupage.html">Sub menu 5</a></li>
                        </ul>
                    </li>
                    <li><a href="blog.html"><span></span>Blog</a></li>
                    <li><a href="contact.html" class="selected"><span></span>Contact</a></li>
                </ul>
                <br style="clear: left" />
            </div> <!-- end of templatemo_menu -->
            
            <div class="cleaner"></div>
        </div> <!-- end of templatemo header -->
        
        <div id="templatemo_middle_sp">
            <div id="mid_title">
                   How to Reach Us
                </div>
                <p>Vestibulum suscipit suscipit ligula, vitae bibendum tellus pretium nec. In blandit sem nisl, ac mattis nunc. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. </p>
                <div id="learn_more"><a href="#">Learn More</a></div>
            <div class="cleaner"></div>
        </div> <!-- end of middle -->
        
        <div id="templatemo_main">
        
            <div class="col_w580 float_l">
            
                <h2>Contact Information</h2>
                <p>Suspendisse sed odio ut mi auctor blandit. Duis luctus nulla metus, a vulputate mauris. Integer sed nisi sapien, ut gravida mauris. Nam et tellus libero. Cras purus libero, dapibus nec rutrum in, dapibus nec risus. Ut interdum mi sit amet feugiat auctor. Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow"><strong>XHTML</strong></a> &amp; <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow"><strong>CSS</strong></a>.</p>
                
                <div class="cleaner h30"></div>
                
                <div class="col_w280 float_l">
                    <h4>Location One</h4>
                    180-340 Quisque odio quam,<br />
                    Venenatis ut turpis, 10480<br />
                    Ut quis nulla quam<br /><br />
                    
                    Tel: 020-080-0860<br />
                    Fax: 020-250-1660
                </div>
                
                <div class="col_w280 float_r">
                    <h4>Location Two</h4>
                    290-520 Duis lacinia dictum,<br />
                    Nam elementum est ac, 10120<br />
                    Donec ornare mauris <br /><br />
                    
                    Tel: 065-010-2280<br />
                    Fax: 065-040-1400
                </div>
                
                <div class="cleaner h30"></div>
                
                <h3>Quick Contact Form</h3>
                
                <div id="contact_form">
                    <form method="post" name="contact" action="#">
                        
                            <label for="author">Name:</label> <input type="text" id="author" name="author" class="required input_field" />
                            <div class="cleaner h10"></div>
                                                        
                            <label for="email">Email:</label> <input type="text" class="validate-email required input_field" name="email" id="email" />
                            <div class="cleaner h10"></div>
                                                
                            <label for="subject">Subject:</label> <input type="text" class="validate-subject required input_field" name="subject" id="subject"/>				               
                            <div class="cleaner h10"></div>
                                
                            <label for="text">Message:</label> <textarea id="text" name="text" rows="0" cols="0" class="required"></textarea>
                            <div class="cleaner h10"></div>				
                                                    
                            <input type="submit" value="Send" id="submit" name="submit" class="submit_btn float_l" />
                            <input type="reset" value="Reset" id="reset" name="reset" class="submit_btn float_r" />
                            
                    </form> 
                    
                </div>
            </div>
                
            <div class="col_w280 float_r">
                <h2>Latest Updates</h2>
                
                <div class="news_box">
                    <div class="date">October 28, 2048</div>
                    <h6><a>Suspendisse sed odio ut mi blandit</a></h6>
                    Sed fermentum arcu in enim euismod quis lobortis lorem fermentum. Maecenas sodales suscipit enim sit amet aliquam.
                </div>
                
                <div class="news_box">
                    <div class="date">October 26, 2048</div>
                    <h6><a>Donec massa nisl, consequat eu</a></h6>
                    Aenean sodales, nunc venenatis placerat sagittis, velit nulla bibendum augue, sed pharetra augue elementum magna.
                </div>
                
                <div class="news_box">
                    <div class="date">October 22, 2048</div>
                    <h6><a>Curabitur vitae enim risus, at placerat turpis</a></h6>
                    Fusce nec felis id lacus. Proin tincidunt, arcu id pellentesque accumsan, neque dolor imperdiet ligula, quis viverra tellus nulla a odio.
                </div>
            </div>   
            
            <div class="cleaner"></div>
        </div> <!-- end of main -->
    
    </div> <!-- wrapper -->
</div>

<div id="templatemo_footer_wrapper">
	<div id="templatemo_footer">
    
    	Copyright © 2048 <a href="#">Your Company Name</a> | <a href="http://www.iwebsitetemplate.com" target="_parent">Website Templates</a> by <a href="http://www.templatemo.com" target="_parent">Free CSS Templates</a>
        
	</div>
</div>

</body>
</html>